//
// 数值
//
.numeric {
    display: block;
    .square(160px);
    text-align: center;
    &>img {
        width: 30px;
        padding-top: 3em;
        padding-bottom: .8em;
    }
    &-header {
        font-size: 1.5em;
    }
    &-content {
        font-size: 1.2em;
    }
}

.numeric-primary {
    .numeric-variant(white, #4285f3);
}

.numeric-default {
    .numeric-variant(#f5f5f5, @gray-dark);
}

.numeric-info{
    .numeric-variant(#ebfaef, #54a940);
}

.numeric-warning{
    .numeric-variant(#faf2eb, #f97f15);
}